﻿@{
    ViewBag.Title = "Index";
}

<!-- SELECTION PANELS -->
<section id="selection-panels" class="ui-accordion ui-widget ui-helper-reset" role="tablist">
	<!-- DATE PANEL -->
	<h3 class="panel-header ui-accordion-header ui-state-default ui-accordion-header-active ui-state-active ui-corner-top ui-accordion-icons">
		Start Date:
	</h3>
	<div id="date-selection-panel" class="panel ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
		<div id="start-date-selector"></div>
	</div>
	<!-- /DATE PANEL -->

	<!-- CONTRACTORS PANEL -->
	<h3 class="panel-header ui-accordion-header ui-state-default ui-accordion-header-active ui-state-active ui-corner-top ui-accordion-icons">
		Contractors:
	</h3>
	<div id="contractors-panel" class="panel ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom ui-accordion-content-active">
		<section id="contractors-panel-tool-bar" class="tool-bar">
			<button>Add Contractor</button>
		</section>

		<ul id="contractor-selection-list" class="selection-list">
			<li class="selection-list-item ui-menu-item">item</li>
			<li class="selection-list-item ui-menu-item">item</li>
		</ul>
	</div>
	<!-- /CONTRACTORS PANEL -->
</section>
<!-- /SELECTION PANELS -->

<!-- CONTRACTORS PER DAY SUMMARY LISTS -->
<section id="contractors-per-day-summary-lists" class="ui-accordion">
	<h3 class="ui-accordion-header ui-state-default ui-corner-top">
		Contractors Per Day Summary
	</h3>
	<ul id="contractors-per-day-summary-lists-days">
		<li id="contractors-per-day-summary-list1" class="contractors-per-day-summary-list">
			<h3 class="ui-accordion-header ui-state-default ui-corner-top">
				Thursday
			</h3>
			<ul class="selection-list">
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
			</ul>
		</li>

		<li id="contractors-per-day-summary-list2" class="contractors-per-day-summary-list">
			<h3 class="ui-accordion-header ui-state-default ui-corner-top">
				Friday
			</h3>
			<ul class="selection-list">
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
			</ul>
		</li>

		<li id="contractors-per-day-summary-list3" class="contractors-per-day-summary-list">
			<h3 class="ui-accordion-header ui-state-default ui-corner-top">
				Saturday
			</h3>
			<ul class="selection-list">
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
			</ul>
		</li>

		<li id="contractors-per-day-summary-list4" class="contractors-per-day-summary-list">
			<h3 class="ui-accordion-header ui-state-default ui-corner-top">
				Sunday
			</h3>
			<ul class="selection-list">
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
			</ul>
		</li>

		<li id="contractors-per-day-summary-list5" class="contractors-per-day-summary-list">
			<h3 class="ui-accordion-header ui-state-default ui-corner-top">
				Monday
			</h3>
			<ul class="selection-list">
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
			</ul>
		</li>

		<li id="contractors-per-day-summary-list6" class="contractors-per-day-summary-list">
			<h3 class="ui-accordion-header ui-state-default ui-corner-top">
				Tuesday
			</h3>
			<ul class="selection-list">
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
			</ul>
		</li>

		<li id="contractors-per-day-summary-list7" class="contractors-per-day-summary-list">
			<h3 class="ui-accordion-header ui-state-default ui-corner-top">
				Wednesday
			</h3>
			<ul class="selection-list">
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
				<li class="selection-list-item ui-menu-item">item</li>
			</ul>
		</li>
	</ul>
</section>
<!-- /CONTRACTORS PER DAY SUMMARY LISTS -->


<!-- CONTRACTOR DETAILS -->
<section id="contractors-details" class="ui-accordion">
	<h3 class="ui-accordion-header ui-state-default ui-corner-top">
		Contractor Details:
	</h3>

	<div class="content">
		content
	</div>
</section>
<!-- /CONTRACTOR DETAILS -->


<!-- ==================== CSS AND JS ======================= -->
@section PageCSS{
	<link href="@Url.Content("~/Content/CSS/Site/Index.css")" rel="stylesheet" type="text/css" />
}

@section PageJS{
	<script src="@Url.Content("~/Content/Scripts/Site/Index.js")" type="text/javascript"></script>
}
